<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <!-- Tell the browser to be responsive to screen width -->
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <!-- daterange picker -->
    <link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker.css">
    <!-- bootstrap datepicker -->
    <link rel="stylesheet" href="../../plugins/datepicker/datepicker3.css">
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" href="../../plugins/iCheck/all.css">
    <!-- Bootstrap time Picker -->
    <link rel="stylesheet" href="../../plugins/timepicker/bootstrap-timepicker.min.css">
    <!-- Select2 -->
    <link rel="stylesheet" href="../../plugins/select2/select2.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect.
    -->
    <link rel="stylesheet" href="../../dist/css/skins/skin-blue.min.css">
    <link rel="stylesheet" href="../../css/style.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="skin-blue sidebar-mini" style="height: auto;">
    <div class="wrapper" style="height: auto;">
        <!-- 顶部导航栏 -->
        <header class="main-header">
            <!-- Logo -->
            <a href="../../index.html" class="logo">
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <span class="logo-mini"><b>智途</b></span>
                <!-- logo for regular state and mobile devices -->
                <span class="logo-lg"><b>智途</b>科技</span>
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">切换导航</span>
                </a>
                <!-- Navbar Right Menu -->
                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <!-- Messages: style can be found in dropdown.less-->
                        <li class="messages-menu">
                            <a href="../project/my-approval.html" class="dropdown-toggle">
                                我要审批
                                <i class="fa fa-envelope-o"></i>
                                <span class="label label-success">4</span>
                            </a>
                        </li>
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
                                <span class="hidden-xs">智途</span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header">
                                    <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                                    <p>智途</p>
                                    <small>一枚快乐的搬砖小能手</small>
                                </li>
                                <!-- Menu Body -->
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="../../modify-password.html" class="btn btn-default btn-flat">修改</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="#" class="btn btn-default btn-flat">退出</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#" data-toggle="control-sidebar">信息公告
                                    <i class="fa fa-bell-o"></i>
                                    <span class="label label-warning"><font><font>10</font></font></span>
                                </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <!-- 左侧菜单栏 -->
        <aside class="main-sidebar">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                    </div>
                    <div class="pull-left info">
                        <p>智途</p>
                        <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                    </div>
                </div>
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <ul class="sidebar-menu">
                    <li class="header">ERP管理系统</li>
                    <li class="treeview ">
                        <a href="#">
                            <i class="fa fa-dashboard"></i>
                            <span>项目管理</span>
                            <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="../project/my-project.html"><i class="fa fa-circle-o"></i> 我的项目</a></li>
                            <li><a href="../project/my-approval.html"><i class="fa fa-circle-o"></i> 我的审批</a></li>
                        </ul>
                    </li>
                    <li class="treeview active">
                        <a href="#">
                            <i class="fa fa-files-o"></i>
                            <span>费用报销</span>
                            <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                </span>
                        </a>
                        <ul class="treeview-menu">
                            <li class="active"><a href="#"><i class="fa fa-circle-o"></i>我的报销</a></li>
                            <li><a href="my-borrow-money.html"><i class="fa fa-circle-o"></i> 我的借款</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-th"></i>
                            <span>工时填报</span>
                            <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="../time/time1.html"><i class="fa fa-circle-o"></i>我的工时</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-bar-chart"></i>
                            <span>统计分析</span>
                            <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="../statistics/statistics.html"><i class="fa fa-circle-o"></i> 统计报表</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-pie-chart"></i>
                            <span>合同管理</span>
                            <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="../contract/contract.html"><i class="fa fa-circle-o"></i> 我的合同</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-laptop"></i>
                            <span>系统管理</span>
                            <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="../system/organization.html"><i class="fa fa-circle-o"></i> 组织机构</a></li>
                            <li><a href="../system/post-role.html"><i class="fa fa-circle-o"></i> 岗位角色</a></li>
                            <li>
                                <a href="../system/user-control.html">
                                    <i class="fa fa-circle-o"></i>
                                    <span>用户管理</span>
                                </a>
                            </li>
                            <li><a href="../system/authority-management.html"><i class="fa fa-circle-o"></i> 权限管理</a></li>
                        </ul>
                    </li>
                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>
        <!-- 中间内容 -->
        <div class="content-wrapper">
            <section class="content-header">
                <span class="head_text">创建费用报表</span>
            </section>
            <section class="content">
                <form action="" id="msform">
                    <!--分布-->
                    <ul id="progressbar">
                        <li class="active">选择报销类型</li>
                        <li>填写费用明细</li>
                        <li>费用关联项目</li>
                        <li>核实并提交</li>
                    </ul>
                    <!--主体内容-->
                    <fieldset>
                        <div class="rule_re">
                            <span style="margin-right: 20px;">
                                报销规范
                                <a href="../tooltip/baoxiao.html" target="_blank" data-toggle="tooltip" class="fa fa-question-circle" data-placement="bottom"></a>
                            </span>
                            <span>
                                财务制度
                                <a href="../tooltip/caiwu.html" target="_blank" data-toggle="tooltip" class="fa fa-question-circle" data-placement="bottom"></a>
                            </span>
                        </div>
                        <div class="form-group">
                            <label for="inputPer" class="col-md-1 col-md-offset-4 col-xs-2 col-xs-offset-3 control-label">报销人：</label>
                            <div class="col-md-2 col-xs-3">
                                <input type="text" class="form-control" id="inputPer" placeholder="李素萍222" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputDept" class="col-md-1 col-md-offset-4 col-xs-2 col-xs-offset-3 control-label">所属部门：</label>
                            <div class="col-md-2 col-xs-3">
                                <input type="text" class="form-control" id="inputDept" placeholder="产品研发部" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="" class="col-md-1 col-md-offset-4 col-xs-2 col-xs-offset-3 control-label">报销币种：</label>
                            <div class="col-md-2 col-xs-3">
                                <select name="" id="" class="form-control">
                                        <option>人名币</option>
                                    </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="" class="col-md-1 col-md-offset-4 col-xs-2 col-xs-offset-3 control-label">报销模板：</label>
                            <div class="col-md-2 col-xs-3">
                                <select name="" id="model_select" class="form-control">
                                         <option value="1">费用报销审批单</option>
                                         <option value="2">差旅费审批单</option>
                                     </select>
                            </div>
                        </div>
                        <div class="form-group travel_reason">
                            <label for="" class="col-md-1 col-md-offset-4 col-xs-2 col-xs-offset-3 control-label">出差事由<i style="color: red">*</i>：</label>
                            <div class="col-md-2 col-xs-3">
                                <input type="text" class="form-control" placeholder="必填，请填写您的出差事由" />
                            </div>
                        </div>
                        <button class="btn btn-info next">下一步</button>
                    </fieldset>
                    <fieldset>
                        <!--费用报销-->
                        <div class="expense_reimburse">
                            <table class="table fold table-responsive" id="exp_write_table">
                                <col width="20%">
                                <col width="50%">
                                <col width="20%">
                                <col width="10%">
                                <thead>
                                    <tr class="info">
                                        <th style="text-align: center">日期<i style="color: red">*</i></th>
                                        <th>用途<i style="color: red">*</i></th>
                                        <th>金额<i style="color: red">*</i></th>
                                        <th>操作<i style="color: red">*</i></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <i class="fa fa-calendar  form-control-feedback"></i>
                                            <input type="text" class="form-control datapicker" placeholder="请选择日期" />
                                        </td>
                                        <td>
                                            <input type="text" class="form-control" />
                                        </td>
                                        <td>
                                            <i class="fa fa-jpy form-control-feedback form-jpy"></i>
                                            <input type="text" class="form-control control-jpy" />
                                        </td>
                                        <td>
                                            <a href="" class="clearUp">清空</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <i class="fa fa-calendar form-control-feedback"></i>
                                            <input type="text" class="form-control datapicker" placeholder="请选择日期" />
                                        </td>
                                        <td>
                                            <input type="text" class="form-control" />
                                        </td>
                                        <td>
                                            <i class="fa fa-jpy  form-control-feedback form-jpy"></i>
                                            <input type="text" class="form-control control-jpy" />
                                        </td>
                                        <td>
                                            <a href="" class="clearUp">清空</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!--添加-->
                            <div class="batch_operation">
                                <div class="row">
                                    <div class="col-md-12">
                                        <a class="capy_add">复制并添加</a>
                                        <a class="add_one">添加一行</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--差旅报销-->
                        <div class="travelling_expenses">
                            <table class="table fold table-responsive" id="tra_write_table">
                                <col width="20%">
                                <col width="20%">
                                <col width="20%">
                                <col width="10%">
                                <col width="20%">
                                <col width="10%">
                                <thead>
                                    <tr class="info">
                                        <th style="text-align: center">起止时间<i style="color: red">*</i></th>
                                        <th>起止地点<i style="color: red">*</i></th>
                                        <th>费用类型<i style="color: red">*</i></th>
                                        <th>金额<i style="color: red">*</i></th>
                                        <th>费用描述<i class="fa fa-question-circle"></i></th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <i class="fa fa-calendar  form-control-feedback form-fa-start"></i>
                                            <i class="fa fa-calendar  form-control-feedback form-fa-end"></i>
                                            <div class="input-group input-daterange">
                                                <input type="text" class="form-control" placeholder="出发时间">
                                                <div class="input-group-addon">~</div>
                                                <input type="text" class="form-control" placeholder="回程时间">
                                            </div>
                                        </td>
                                        <td>
                                            <div class="input-group">
                                                <input type="text" class="form-control" placeholder="出发地点">
                                                <div class="input-group-addon">~</div>
                                                <input type="text" class="form-control" placeholder="回程地点">
                                            </div>
                                        </td>
                                        <td>
                                            <select name="" id="" class="form-control">
                                                 <option value="">请输入费用类型</option>
                                                 <option value="">交通费</option>
                                                 <option value="">出差补贴</option>
                                                 <option value="">住宿费</option>
                                                 <option value="">其他</option>
                                             </select>
                                        </td>
                                        <td>
                                            <i class="fa fa-jpy form-control-feedback form-jpy"></i>
                                            <input type="text" class="form-control control-jpy" />
                                        </td>
                                        <td>
                                            <input type="text" class="form-control" placeholder="说明出差事由" />
                                        </td>
                                        <td>
                                            <a href="" class="clearUp">清空</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <i class="fa fa-calendar  form-control-feedback form-fa-start"></i>
                                            <i class="fa fa-calendar  form-control-feedback form-fa-end"></i>
                                            <div class="input-group input-daterange">
                                                <input type="text" class="form-control" placeholder="出发时间">
                                                <div class="input-group-addon">~</div>
                                                <input type="text" class="form-control" placeholder="回程时间">
                                            </div>
                                        </td>
                                        <td>
                                            <div class="input-group">
                                                <input type="text" class="form-control" placeholder="出发地点">
                                                <div class="input-group-addon">~</div>
                                                <input type="text" class="form-control" placeholder="回程地点">
                                            </div>
                                        </td>
                                        <td>
                                            <select name="" id="" class="form-control">
                                                 <option value="">请输入费用类型</option>
                                                 <option value="" selected>交通费</option>
                                                 <option value="">出差补贴</option>
                                                 <option value="">住宿费</option>
                                                 <option value="">其他</option>
                                             </select>
                                        </td>
                                        <td>
                                            <i class="fa fa-jpy form-control-feedback form-jpy"></i>
                                            <input type="text" class="form-control control-jpy" value="2222" />
                                        </td>
                                        <td>
                                            <input type="text" class="form-control" placeholder="说明长途、室内、人数等" />
                                        </td>
                                        <td>
                                            <a href="" class="clearUp">清空</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!--复制-->
                            <div class="batch_operation">
                                <div class="row">
                                    <div class="col-md-6">
                                        <a class="capy_add">复制并添加</a>
                                        <a class="add_one">添加一行</a>
                                    </div>
                                    <div class="col-md-6">
                                        <label>报销金额总计：</label>
                                        <i class="fa fa-jpy"></i>
                                        <span>2222</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--button-->
                        <button class="btn btn-info previous">上一步</button>
                        <button class="btn btn-info next">下一步</button>
                    </fieldset>
                    <fieldset>
                        <!--表格内容-->
                        <table class="table fold table-responsive" id="exp_link_table">
                            <thead>
                                <tr class="info">
                                    <th></th>
                                    <th>费用类型/用途</th>
                                    <th>可报销金额</th>
                                    <th>所属项目<i style="color: red">*</i></th>
                                    <th>工作性质<i style="color: red">*</i></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="minimal" name="fund-prj" style="position: absolute; opacity: 0;">
                                    </td>
                                    <td>
                                        差旅费
                                    </td>
                                    <td>
                                        <i class="fa fa-jpy"></i>289.00
                                    </td>
                                    <td>
                                        <input type="text" class="form-control link-prj" />
                                    </td>
                                    <td>
                                        <select name="" id="" class="form-control">
                                             <option value="">-请选择-</option>
                                         </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" name="fund-prj" class="minimal" style="position: absolute; opacity: 0;">
                                    </td>
                                    <td>
                                        南京云平台项目差旅补贴
                                    </td>
                                    <td>
                                        <i class="fa fa-jpy"></i>289.00
                                    </td>
                                    <td>
                                        <input type="text" class="form-control link-prj" />
                                    </td>
                                    <td>
                                        <select name="" id="" class="form-control">
                                             <option value="">-请选择-</option>
                                         </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" name="fund-prj" class="minimal" style="position: absolute; opacity: 0;">
                                    </td>
                                    <td>
                                        住宿费
                                    </td>
                                    <td>
                                        <i class="fa fa-jpy"></i>289.00
                                    </td>
                                    <td>
                                        <input type="text" class="form-control link-prj" />
                                    </td>
                                    <td>
                                        <select name="" id="" class="form-control">
                                             <option value="">-请选择-</option>
                                         </select>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <!--批量关联-->
                        <div class="batch_operation">
                            <div class="row">
                                <div class="col-md-12">
                                    <a class="opera_select">
                                        <label class="" id="check_all">
                                                <input type="checkbox" class="minimal" style="position: absolute; opacity: 0;" >
                                                 全选
                                             </label>
                                    </a>
                                    <a class="link-prj">批量关联项目</a>
                                    <a class="">批量关联任务</a>
                                </div>
                            </div>
                        </div>
                        <!--button-->
                        <button class="btn btn-info previous">上一步</button>
                        <button class="btn btn-info next">下一步</button>
                    </fieldset>
                    <fieldset>
                        <div class="fund-confirm">
                            <div class="fund-base">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="heading">
                                            <div class="bg-aqua">
                                                基本信息
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="fund-base-content">
                                    <div class="row">
                                        <div class="col-md-1 col-xs-3">
                                            报销人：
                                        </div>
                                        <div class="col-md-2 col-xs-3">
                                            李素萍222
                                        </div>
                                        <div class="col-md-1 col-xs-3">
                                            所属部门：
                                        </div>
                                        <div class="col-md-2 col-xs-3">
                                            产品研发部
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-1 col-xs-3">
                                            费用模板：
                                        </div>
                                        <div class="col-md-2 col-xs-3">
                                            <span class="expense_reimburse">
                                                费用报销审批单
                                            </span>
                                            <span class="travelling_expenses">
                                                差旅报销单（南京出差）
                                            </span>
                                        </div>
                                        <div class="col-md-1 col-xs-3">
                                            费用日期：
                                        </div>
                                        <div class="col-md-2 col-xs-3">
                                            2017/03/29~2017/05/29
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-1 col-xs-3">
                                            报销币种：
                                        </div>
                                        <div class="col-md-2 col-xs-3">
                                            人名币
                                        </div>
                                        <div class="col-md-1 col-xs-3">
                                            报销金额：
                                        </div>
                                        <div class="col-md-2 col-xs-3">
                                            <i class="fa fa-jpy"></i>2800.00
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-1 col-xs-3">
                                            收款方式：
                                        </div>
                                        <div class="col-md-2 col-xs-3">
                                            <select class="form-control" id="fund-method">
                                                <option value="xj">现金</option>
                                                <option value="bk">银行汇款</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2 col-xs-3 bank">
                                            <i style="color: red;position: absolute;top:2px;left:0">*</i>
                                            <input type="text" name="" value="" placeholder="必填,请准确填写您的银行卡号" class="form-control" required>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-1 col-xs-3">
                                            原借款金额：
                                        </div>
                                        <div class="col-md-2 col-xs-3 borrow-money">
                                            <i class="fa fa-jpy"></i>3000.00
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-1 col-xs-3">
                                            应退余额：
                                        </div>
                                        <div class="col-md-2 col-xs-3">
                                            <i class="fa fa-jpy"></i>200.00
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="fund-allPrj">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="heading">
                                            <div class="bg-aqua">
                                                按项目汇总
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="fund-allPrj-content">
                                    <!--费用报销-->
                                    <div class="expense_reimburse">
                                        <table class="table table-striped table-responsive">
                                            <colgroup>
                                                <col width="1%">
                                                <col width="19.8%">
                                                <col width="19.8%">
                                                <col width="19.8%">
                                                <col width="19.8%">
                                                <col width="5%">
                                                <col width="14.8%">
                                            </colgroup>
                                            <thead>
                                                <tr class="info">
                                                    <th></th>
                                                    <th>项目编号</th>
                                                    <th>项目名称</th>
                                                    <th>工作性质</th>
                                                    <th>费用类型/用途</th>
                                                    <th></th>
                                                    <th>可报销金额</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td colspan="7" style="border:0">
                                                        <table class="fold">
                                                            <colgroup>
                                                                <col width="1%">
                                                                <col width="19.8%">
                                                                <col width="19.8%">
                                                                <col width="19.8%">
                                                                <col width="19.8%">
                                                                <col width="5%">
                                                                <col width="14.8%">
                                                            </colgroup>
                                                            <tbody>
                                                                <tr class="mian">
                                                                    <td>
                                                                        <div class="pull-left">
                                                                            <button type="button" class="btn btn-box-tool" data-toggle="collapse" data-target="#demo1">
                                                                        <i class="fa fa-minus-square fa-fw" aria-hidden="true"></i>
                                                                    </button>
                                                                        </div>
                                                                    </td>
                                                                    <td>000000001</td>
                                                                    <td><a href="" class="project_title">南京移动公司合作洽谈</a></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                    <td>总计：</td>
                                                                    <td>
                                                                        <i class="fa fa-jpy"></i>2444
                                                                    </td>
                                                                </tr>
                                                                <tr id="demo1" class="collapse in">
                                                                    <td colspan="7" style="padding: 0;border:0">
                                                                        <table class="fold">
                                                                            <colgroup>
                                                                                <col width="1%">
                                                                                <col width="19.8%">
                                                                                <col width="19.8%">
                                                                                <col width="19.8%">
                                                                                <col width="19.8%">
                                                                                <col width="5%">
                                                                                <col width="14.8%">
                                                                            </colgroup>
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td>外勤</td>
                                                                                    <td>南京云平台项目差旅补贴</td>
                                                                                    <td></td>
                                                                                    <td><i class="fa fa-jpy"></i>2222</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td>内勤</td>
                                                                                    <td>住宿费（1晚）</td>
                                                                                    <td></td>
                                                                                    <td><i class="fa fa-jpy"></i>222</td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="7" style="border:0">
                                                        <table class="fold">
                                                            <colgroup>
                                                                <col width="1%">
                                                                <col width="19.8%">
                                                                <col width="19.8%">
                                                                <col width="19.8%">
                                                                <col width="19.8%">
                                                                <col width="5%">
                                                                <col width="14.8%">
                                                            </colgroup>
                                                            <tbody>
                                                                <tr class="mian">
                                                                    <td>
                                                                        <div class="pull-left">
                                                                            <button type="button" class="btn btn-box-tool" data-toggle="collapse" data-target="#demo2">
                                                                        <i class="fa fa-plus-square fa-fw" aria-hidden="true"></i>
                                                                    </button>
                                                                        </div>
                                                                    </td>
                                                                    <td>000000002</td>
                                                                    <td><a href="" class="project_title">地理信息空间云平台</a></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                    <td>总计：</td>
                                                                    <td><i class="fa fa-jpy"></i>22222</td>
                                                                </tr>
                                                                <tr id="demo2" class="collapse">
                                                                    <td colspan="7" style="padding: 0;border:0">
                                                                        <table class="fold">
                                                                            <colgroup>
                                                                                <col width="1%">
                                                                                <col width="19.8%">
                                                                                <col width="19.8%">
                                                                                <col width="19.8%">
                                                                                <col width="19.8%">
                                                                                <col width="5%">
                                                                                <col width="14.8%">
                                                                            </colgroup>
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td>1</td>
                                                                                    <td>1</td>
                                                                                    <td></td>
                                                                                    <td><i class="fa fa-jpy"></i>22222</td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!--差旅报销-->
                                    <div class="travelling_expenses">
                                        <table class="table table-striped table-responsive">
                                            <colgroup>
                                                <col width="1%">
                                                <col width="12.8%">
                                                <col width="15.8%">
                                                <col width="14.8%">
                                                <col width="15%">
                                                <col width="19.8%">
                                                <col width="5%">
                                                <col width="14.8%">
                                            </colgroup>
                                            <thead>
                                                <tr class="info">
                                                    <th></th>
                                                    <th>项目编号</th>
                                                    <th>项目名称</th>
                                                    <th>起止时间</th>
                                                    <th>起止地点</th>
                                                    <th>费用类型/用途</th>
                                                    <th></th>
                                                    <th>可报销金额</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td colspan="8" style="border:0">
                                                        <table class="fold">
                                                            <colgroup>
                                                                <col width="1%">
                                                                <col width="12.8%">
                                                                <col width="15.8%">
                                                                <col width="14.8%">
                                                                <col width="15%">
                                                                <col width="19.8%">
                                                                <col width="5%">
                                                                <col width="14.8%">
                                                            </colgroup>
                                                            <tbody>
                                                                <tr class="mian">
                                                                    <td>
                                                                        <div class="pull-left">
                                                                            <button type="button" class="btn btn-box-tool" data-toggle="collapse" data-target="#demo1">
                                                                        <i class="fa fa-minus-square fa-fw" aria-hidden="true"></i>
                                                                    </button>
                                                                        </div>
                                                                    </td>
                                                                    <td>000000001</td>
                                                                    <td><a href="" class="project_title">南京移动公司合作洽谈</a></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                    <td>总计：</td>
                                                                    <td>
                                                                        <i class="fa fa-jpy"></i>2444
                                                                    </td>
                                                                </tr>
                                                                <tr id="demo1" class="collapse in">
                                                                    <td colspan="8" style="padding: 0;border:0">
                                                                        <table class="fold">
                                                                            <colgroup>
                                                                                <col width="1%">
                                                                                <col width="12.8%">
                                                                                <col width="15.8%">
                                                                                <col width="14.8%">
                                                                                <col width="15%">
                                                                                <col width="19.8%">
                                                                                <col width="5%">
                                                                                <col width="14.8%">
                                                                            </colgroup>
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td>03/29~03/31</td>
                                                                                    <td>扬州~南京</td>
                                                                                    <td>南京云平台项目差旅补贴</td>
                                                                                    <td></td>
                                                                                    <td><i class="fa fa-jpy"></i>2222</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td>03/29~03/31</td>
                                                                                    <td>扬州~南京</td>
                                                                                    <td>住宿费（1晚）</td>
                                                                                    <td></td>
                                                                                    <td><i class="fa fa-jpy"></i>222</td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="8" style="border:0">
                                                        <table class="fold">
                                                            <colgroup>
                                                                <col width="1%">
                                                                <col width="12.8%">
                                                                <col width="15.8%">
                                                                <col width="14.8%">
                                                                <col width="15%">
                                                                <col width="19.8%">
                                                                <col width="5%">
                                                                <col width="14.8%">
                                                            </colgroup>
                                                            <tbody>
                                                                <tr class="mian">
                                                                    <td>
                                                                        <div class="pull-left">
                                                                            <button type="button" class="btn btn-box-tool" data-toggle="collapse" data-target="#demo2">
                                                                        <i class="fa fa-plus-square fa-fw" aria-hidden="true"></i>
                                                                    </button>
                                                                        </div>
                                                                    </td>
                                                                    <td>000000002</td>
                                                                    <td><a href="" class="project_title">地理信息空间云平台</a></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                    <td>总计：</td>
                                                                    <td><i class="fa fa-jpy"></i>22222</td>
                                                                </tr>
                                                                <tr id="demo2" class="collapse">
                                                                    <td colspan="7" style="padding: 0;border:0">
                                                                        <table class="fold">
                                                                            <colgroup>
                                                                                <col width="1%">
                                                                                <col width="12.8%">
                                                                                <col width="15.8%">
                                                                                <col width="14.8%">
                                                                                <col width="15%">
                                                                                <col width="19.8%">
                                                                                <col width="5%">
                                                                                <col width="14.8%">
                                                                            </colgroup>
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td></td>
                                                                                    <td>1</td>
                                                                                    <td>1</td>
                                                                                    <td>1</td>
                                                                                    <td></td>
                                                                                    <td><i class="fa fa-jpy"></i>22222</td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="fund-other">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="heading">
                                            <div class="bg-aqua">
                                                其他
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="fund-other-content">
                                    <div class="form-group">
                                        <label for="" class="col-md-1 col-xs-2">备注说明：</label>
                                        <div class="col-md-11 col-xs-10">
                                            <textarea rows="5" cols="" class="form-control">非必填,费用描述、特殊情况备注说明、上传附件等</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--button-->
                        <button class="btn btn-info previous">上一步</button>
                        <button class="btn btn-info submit">提交</button>
                    </fieldset>
                </form>
            </section>
        </div>
        <!-- 底部标注 -->
        <footer class="main-footer">
            <div class="pull-right hidden-xs">
                <b><font><font>版本</font></font></b>
                <font>
                    <font> 1.0.0
                    </font>
                </font>
            </div>
            <strong><font><font>版权所有©2017 </font></font><a href=""><font><font>江苏智途科技</font></font></a><font><font>。</font></font></strong>
            <font>
                <font>版权所有。
                </font>
            </font>
        </footer>
        <aside class="control-sidebar control-sidebar-dark">
            <!-- Tab panes -->
            <div class="tab-content">
                <!-- Settings tab content -->
                <div class="tab-pane active">
                    <form method="post">
                        <div style="overflow: hidden;margin: 20px 0;">
                            <span class="control-sidebar-heading">信息公告</span>
                            <button class="btn btn-default btn-xs pull-right">已读</button>
                        </div>
                        <div class="form-group">
                            <label class="control-sidebar-subheading">
                                    研发部开发xxxx
                                    <input type="checkbox" class="pull-right" checked="">
                                </label>
                            <p>
                                昨日下午，研发部门完成xxxxx项目
                            </p>
                        </div>
                        <!-- /.form-group -->
                    </form>
                </div>
                <!-- /.tab-pane -->
            </div>
        </aside>
        <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div>
    </div>
</body>
<!-- jQuery 2.2.3 -->
<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- InputMask -->
<script src="../../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- bootstrap datepicker -->
<script src="../../plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="../../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<!-- bootstrap time picker -->
<script src="../../plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- FastClick -->
<script src="../../plugins/fastclick/fastclick.js"></script>
<!-- SlimScroll 1.3.0 -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- iCheck 1.0.1 -->
<script src="../../plugins/iCheck/icheck.min.js"></script>
<!--layer弹出框-->
<script src="../../plugins/layer/layer.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/app.min.js"></script>
<script src="../../dist/js/demo.js"></script>
<script src="../../js/jquery.easing.1.3.js"></script>
<script src="../../js/zzsc.js"></script>
<script src="../../js/popup.js"></script>
<script>
    $(function() {
        $(".btn-box-tool").click(function(e) {
            /*切换折叠指示图标*/
            $(this).find("i").toggleClass("fa-minus-square");
            $(this).find("i").toggleClass("fa-plus-square");
        });
        /*筛选*/
        $('.content .dropdown-toggle').click(function(e) {
            e.preventDefault();
            $(this).find('i').toggleClass('fa-caret-down');
            $(this).find('i').toggleClass('fa-caret-up');
            if ($('.category-eject').hasClass('category-w-roll')) {
                $('.category-eject').removeClass('category-w-roll');
            } else {
                $('.category-eject').addClass('category-w-roll');
            };
        });
        /*时间选择*/
        $('#exp_write_table tr>td .datapicker').each(function() {
            $(this).datepicker({
                language: 'zh-CN',
                autoclose: true,
                todayHighlight: true
            });
        });
        $('.input-daterange input').each(function() {
            $(this).datepicker({
                language: 'zh-CN',
                autoclose: true,
                todayHighlight: true
            });
        });
        //iCheck for checkbox and radio inputs
        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
            checkboxClass: 'icheckbox_minimal-blue',
            radioClass: 'iradio_minimal-blue'
        });
        /**报销模板选择**/
        $('#model_select').on('change', function(e) {
            if ($(this).val() == 2) {
                $('.travel_reason').show();
                $('.travelling_expenses').show();
                $('.expense_reimburse').hide();
            } else {
                $('.travel_reason').hide();
                $('.travelling_expenses').hide();
                $('.expense_reimburse').show();
            }
        });
        /***清空**/
        $('.clearUp').on('click', function(e) {
            e.preventDefault();
            $(this).parent('td').prevAll('td').find('input').val('');
        });
        /**复制**/
        function capyOne(selector, parent) {
            $(selector).on('click', function(e) {
                e.preventDefault();
                var tr = $(parent + '>tbody>tr:last').clone(true);
                $(parent + '>tbody').append(tr);
            });
        }
        capyOne('.expense_reimburse .capy_add', '#exp_write_table');
        capyOne('.travelling_expenses .capy_add', '#tra_write_table');

        function addEXpOne(selector, parent) {
            $(selector).on('click', function(e) {
                e.preventDefault();
                var tr = [];
                tr.push('<tr>');
                tr.push('<td> <i class="fa fa-calendar  form-control-feedback"></i> <input type="text" class="form-control datapicker" placeholder="请选择日期" /> </td>');
                tr.push('<td> <input type="text" class="form-control" /> </td>');
                tr.push('<td> <i class="fa fa-jpy  form-control-feedback form-jpy"></i> <input type="text" class="form-control control-jpy" /> </td>');
                tr.push('<td> <a href="" class="clearUp">清空</a> </td>');
                tr.push('</tr>');
                tr.push("<script> $('#exp_write_table tr>td .datapicker').each(function() {$(this).datepicker({language: 'zh-CN',autoclose: true,todayHighlight: true }); });<\/script>");
                $(parent + '>tbody').append(tr.join(''));
            });
        }
        addEXpOne('.expense_reimburse .add_one', '#exp_write_table');

        function addTraOne(selector, parent) {
            $(selector).on('click', function(e) {
                e.preventDefault();
                var tr = [];
                tr.push('<tr>');
                tr.push('<td> <i class="fa fa-calendar  form-control-feedback form-fa-start"></i> <i class="fa fa-calendar  form-control-feedback form-fa-end"></i> <div class="input-group input-daterange"> <input type="text" class="form-control" placeholder="出发时间"> <div class="input-group-addon">~</div> <input type="text" class="form-control" placeholder="回程时间"> </div> </td>');
                tr.push('<td> <div class="input-group"> <input type="text" class="form-control" placeholder="出发地点"> <div class="input-group-addon">~</div> <input type="text" class="form-control" placeholder="回程地点"> </div> </td>');
                tr.push('<td> <select name="" id="" class="form-control"> <option value="">请输入费用类型</option> <option value="">交通费</option> <option value="">出差补贴</option> <option value="">住宿费</option> <option value="">其他</option> </select> </td>');
                tr.push('<td> <i class="fa fa-jpy form-control-feedback form-jpy"></i> <input type="text" class="form-control control-jpy" /> </td>');
                tr.push('<td> <input type="text" class="form-control" placeholder="说明出差事由"/> </td>');
                tr.push('<td> <a href="" class="clearUp">清空</a> </td>');
                tr.push('</tr>');
                tr.push("<script> $('.input-daterange input').each(function() {$(this).datepicker({language: 'zh-CN',autoclose: true,todayHighlight: true }); });<\/script>")
                $(parent + '>tbody').append(tr.join(''));
            });
        }
        addTraOne('.travelling_expenses .add_one', '#tra_write_table');
        /**全选**/
        $('#check_all').on('ifClicked', function(e) {
            $('#check_all input').on('ifChecked', function(e) {
                $('#exp_link_table td input[name="fund-prj"]').iCheck('check');
            });
            $('#check_all input').on('ifUnchecked', function(e) {
                $('#exp_link_table td input[name="fund-prj"]').iCheck('uncheck');
            });
        });
        /**收款方式**/
        $('#fund-method').on('change', function(e) {
            if ($(this).val() == 'bk') {
                $('.bank').show();
            } else {
                $('.bank').hide();
            }
        });
        /**借款模块显示隐藏**/
        if ($('.borrow-money').html() == '') {
            $('.borrow-money').parent().hide();
            $('.borrow-money').parent().next().hide();
        }
    });
</script>

</html>